var wd = $(window).width();
let GameVersion = null;
let helpVisible = false;
let helpUnslicked = false;
let helpView;
let currency;
let minBet;
let maxWin;
let maxBet;
let payTable;
let slotPayTableWin;
let userBetPerLine;
let chipCoef;
let fixedIndex = 2;
let DoublingMaxCountValue;
let DoublingMaxWinValue;
let linePlay;
let betPerLineList;
let betPerLines = [];
let bonusPrices = [];
let userLinePlay;
var betlist = [];
var index = 0;
var isOpen;
let gameInfoUser;
let minRiskBet;

$(document).ready(function () {
    window.addEventListener("message", function (event) {
        let message = event.data;
        if (message.name !== undefined) {
            if (message.name === "help-data") {
                console.log(event.data);
                minBet = event.data.minBetAmount;
                maxWin = event.data.maxWinAmount;
                maxBet = event.data.maxBetAmount;
                helpView = event.data.helpView;
                currency = event.data.currency;
                fixedIndex = event.data.fixedIndex || 2;
                payTable = event.data.payTable;
                userBetPerLine = event.data.userBetPerLine;
                chipCoef = event.data.chipCoef;
                linePlay = event.data.linePlay;
                DoublingMaxCountValue = event.data.doublingMaxCountValue;
                DoublingMaxWinValue = event.data.doublingMaxWinValue;
                betPerLineList = event.data.betPerLineList;
                bonusPrices = event.data.bonusPrices;
                userLinePlay = event.data.userLinePlay;
                betPerLines = event.data.betPerLines;
                gameInfoUser = event.data.gameInfoUser;
                minRiskBet = event.data.minRiskBetAmount;
                loadBetList();
            } else if(message.name === "add-skin-name") {
                $('body').addClass(message.skin)
            } else {

            }
        }
        
        if(message.name === 'game-version') {
            GameVersion = message.version;
        }
    });

    // var object = document.getElementById("addelement");


    function loadBetList() {

       
            for (var i = 0; i < betPerLines.length; i++) {
                var betValue = (betPerLines[i] * chipCoef * linePlay).toFixed(2);
                betlist[i] = betValue;

            }

        var spinerBet = (linePlay * chipCoef * userBetPerLine).toFixed(2);
       
        
        if(document.getElementById("addelement")){
            document.getElementById("addelement").innerText = (spinerBet).toString();
            if(document.getElementById("addelement1")){
                document.getElementById("addelement1").innerText = (spinerBet).toString();
            }
        }
        spinerBet = parseFloat(spinerBet);
        for (var i = 0; i < betlist.length; i++) {
            if (spinerBet == betlist[i]) {
                index = i;
                break;
            }
        }
    };


    //HelpDiv();

    $(document).on('click', '#help .left', function () {

        index--;
        if (index < 0) {
            index = 0;
        }


        document.getElementById("addelement").innerText = (betlist[index].toString());
        if (document.getElementById("addelement1")) {
            document.getElementById("addelement1").innerText = (betlist[index].toString());
        }
        isOpen++;
        showHelp();
        buttonClickSound();
    });


    $(document).on('click', '#help .right', function () {

        index++;

      
        if (index > betlist.length - 1) {
           
            index = betlist.length - 1
        }

        
        document.getElementById("addelement").innerText = (betlist[index].toString());
        if (document.getElementById("addelement1")) {
            document.getElementById("addelement1").innerText = (betlist[index].toString());
        }
        isOpen++;
        showHelp();
        buttonClickSound();
    });



});



// function closeHelp() {
//     helpView = false;

//     $('#help').fadeOut(0);
//     if(!helpUnslicked) {
//         $('.help-slider').slick('unslick');
//     }
//     helpVisible = false;
//     helpUnslicked = false;
// }
let formatNumber = function (number, isButton) {
    number = parseFloat(number);
    number = number.toFixed(fixedIndex);
    if (isButton !== undefined && isButton) {
        if (number >= 10) number = parseFloat(number);
    }
    return number;
};

let payTableWin = function (win) {
    return formatNumber(win * userBetPerLine * chipCoef);
};

if (!String.prototype.format) {
    String.prototype.format = function () {
        let args = arguments;
        return this.replace(/{(\d+)}/g, function (match, number) {
            if (args[0] !== undefined && args[0].constructor === Array) {
                return typeof args[0][number] != 'undefined' ? args[0][number] : match;
            } else {
                return typeof args[number] != 'undefined' ? args[number] : match;
            }
        });
    };
}
function showHelp() {



    if(GameVersion) $('#game-version').html(GetCaption('game.version') + ' ' + GameVersion);
    // helpView = true;
    // $(".totalBet").text(formatNumber(linePlay * userBetPerLine * chipCoef));
    for (let i = 0; i < bonusPrices.length; i++) {
        let price = bonusPrices[i];
        $(".totalBet").eq(i).text(formatNumber(price * userLinePlay * (userBetPerLine / betPerLineList) * chipCoef));
    }
        $('.genies-currency').attr('data-currency', currency);
        $(".currencyValue").text(currency);
        $('.currency').text(currency);
        $('.minBet').text(minBet);
        $('.maxBet').text(maxBet);
        $('.maxWin').text(maxWin);
        $('.minRiskBet').text(minRiskBet);
    if (DoublingMaxCountValue === undefined || DoublingMaxWinValue === undefined) {
        return
    } else {
        if ($('.help-double').length) {

            let text = GetCaption($('.help-double').data('caption')).format(DoublingMaxCountValue, DoublingMaxWinValue, currency);
            $('.help-double').html(text);
        }
    }
    if (payTable === undefined) {
        return
    }
    
    if (payTable !== null) {
        let coeffs = payTable.Coeffs;
        let gamesWithOutPaytable = ['football','bookofwin'];
        if (coeffs !== null) {
           
            for (let i = 0; i < coeffs.length; i++) {
                let check = '' ;
                if(document.getElementById("addelement")){
                    check = parseFloat(document.getElementById("addelement").innerText) ;
                }
                let lines = '';
                let linesWin = '';
                let wins = coeffs[i].Wins;
                for (let j = wins.length - 1; j >= 0; j--) {
                    let win = wins[j];
                    if (win > 0) {
                        lines += `<p>${payTableCaption(j)}</p>`;
                        if(gameInfoUser && !gamesWithOutPaytable.includes(gameName.toLowerCase()) ) {
                            linesWin += `<p>${(wins[j] * check / userLinePlay).toFixed(fixedIndex)}</p>`;
                            $(`.help-box-${i}-${j}`).html(`${payTableWin(win)} ${currency}`);
                        }
                    }
                }
                if(gameInfoUser && !gamesWithOutPaytable.includes(gameName.toLowerCase()) ) {
                    $(`.help-box-${i}`).html(`<div class="info-number-left">${lines}</div><div class="info-number-right">${linesWin}</div>`);
                }
            }
        }

        let specialCoeffs = payTable.SpecialCoeffs;
        if (specialCoeffs !== null) {
            for (const [key, value] of Object.entries(specialCoeffs)) {
                $(`.help-special-box-${key}`).html(`${payTableWin(value)}`);
            }
        }
    }
}

function payTableCaption(j) {
    if(gameName === 'Zombies') {
        let array = ['5+', '7+', '10+', '15+', '20+', '25+', '30+', '35+'];
        j = array[j];
    } 
    if(gameName === 'GeniesBonanza'){
        let array = [' ', ' ', ' ',' ', ' ', ' ',' ', '', '8-9', '', '10-11', '', '12+'];
        j = array[j];
    }
    return j;
}



$(window).resize(function () {
    HelpDiv();
});

var help_scale = 1;



function HelpDiv() {
    var width = $(window).width();
    var height = $(window).height();
    var o_width = 1446;
    var o_height = 1080;
    const userAgent = navigator.userAgent.toLowerCase();
    const isTablet = /(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/.test(userAgent);
    if (bowser.mobile) {
        o_width = 1280;
        o_height = 760;
        if (height > width) {
            o_width = 760;
            o_height = 1280;
            if(isTablet){
                o_width = 1500;
                o_height = 1500;
            };
        } else {
            if(isTablet){
                o_width = 1500;
                o_height = 1500;
            };
        }
    }

    var w_scale = 0;
    var h_scale = 0;

    w_scale = width / o_width;
    h_scale = height / o_height;
    m_scale = Math.min(w_scale, h_scale);
    help_scale = m_scale;
    if (help_scale > 1) help_scale = 1;
    var left = (width - $('.container').width() * help_scale) / 2;
    var top = (height - $('.container').height() * help_scale) / 2;

    if(isTablet){
        $('#help').addClass('tablet')
    }
    if( isTablet || bowser.mobile)$('#help').css('flex-direction','row')
    if (bowser.mobile) {
        // $('.container').css({ transform: 'scale(' + help_scale + ',' + help_scale + ')', margin: 0, top: '0' });
        $('.container').css({ transform: 'scale(' + help_scale + ',' + help_scale + ')', margin: 0, left: left, top: '0' });
    }else {
        $('.container').css({ transform: 'scale(' + 0.54 + ',' + 0.54 + ')', margin: 0, left: -163, top: 0 , 'transform-origin':'top center'});
    }
    $('#help.tablet .container').css({ transform: 'scale(' + help_scale  + ',' + help_scale+ ')', margin: 0, top: 0 , left:0, 'transform-origin':'top'});
}


function buttonClickSound() {
    document.querySelector('#game-frame').contentWindow.postMessage({name: "button-click-sound"}, "*");
}